<!doctype html>
<html lang="zh-cn">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<link rel="stylesheet" href="/css/bootstrap.min.css">
		<link rel="stylesheet" href="/css/login.css">
		<title>用户登录</title>
		<style>
			html, body{
				height: 100%;
			}

			div#container{
				min-height: 100%;
				width:100%;
				margin-bottom: -40px;
				padding-bottom: 40px;
			}
		</style>

	</head>

	<link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />
	<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="/js/jquery.cycle.all.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#slideshow').cycle({
				fx: 'fade',
				speed: 'slow',
				timeout: 2000,
				pager: '#slider_nav',
				pagerAnchorBuilder: function(idx, slide) {
					return '#slider_nav li:eq(' + (idx) + ') a';
				}
			});
		});
	</script>

	<body>

		<div id="container" style="">
			<div id="header" style="height:36px;background-color:#7942C8; box-shadow: 0 2px 3px #AD94D2">

				<!--<a href="http://www.runoob.com/" style="margin-bottom:0; color:#FFFFFF; left: 200px; margin-left: 87%; padding-top: 6px;">联系我们</a>-->
				<h6 style="color: #FFFFFF; margin-left: 88%; padding-top: 7px;">联系我们</h6>
			</div>

			<div style=" width:100%; padding:50px 0 100px 0;">
				<figure class="figure">
					<img src="/img/Logo1.png" height="65" width="340" style="position: absolute;	left: 9%; top: 50px;" alt="logo">
				</figure>

				<hr align="center" width="100%" size="1" color="#7942C8" noshade="noshade" />

				<div id="slider" style="width: 50%; position:relative; float: left;">
					<!-- start slideshow -->
					<div id="slideshow">
						<div class="slider-item">
							<img src="/img/1.png" alt="icon" width="500" height="349" border="0" />
						</div>
						<div class="slider-item">
							<img src="/img/2.png" alt="icon" width="500" height="349" border="0" />
						</div>
						<div class="slider-item">
							<img src="/img/3.png" alt="icon" width="500" height="349" border="0" />
						</div>
					</div>
					<div class="controls-center">
						<div id="slider_controls">
							<ul id="slider_nav">
								<li>
									<a href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>

							</ul>
						</div>
					</div>
					<div class="clr"></div>
				</div>

				<!--<div class="container" style="position:relative; float: left; width: 100px;
				height: 100px;background-color: #00B4EF;"></div>-->
				<div class="container" style="width: 35%; position:relative; float: left; box-shadow: 5px 5px 5px #E0E0E0;
					border-style: solid; border-color: #F0F0F0 ; border-width: 2px; border-radius: 10px; margin:45px 0 0 40px; ">
					<div class="row">
						<div class="col-md-1"></div>
						<div class="col-md-10">
							<form class="form-horizontal" action="/login" method="post">
								<span class="heading">用户登录</span>
								<div class="form-group">
									<input type="text" name="account" class="form-control" id="inputEmail3" placeholder="用户名">
									<i class="fa fa-user"></i>
								</div>
								<div class="form-group help">
									<input type="password" name="password" class="form-control" id="inputPassword3" placeholder="输入密码">
									<i class="fa fa-lock"></i>
									<a href="#" class="fa fa-question-circle"></a>
								</div>
								<% if @errorCode == "1" : %>
								<div class="form-group error">
									<span>账户名或密码错误</span>
								</div>
								<% end %>
								<div class="form-group">
									<div class="main-checkbox">
										<input type="checkbox" value="None" id="checkbox1" name="check" />
										<label for="checkbox1"></label>
									</div>
									<span class="text">记住密码</span>
									<button type="submit" class="btn btn-default" style="margin: 0 0 20px 0;">登录</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer" style="height:40px; width: 100%; position:relative; bottom: 0px; background-color:#7942C8; clear:both;
				color:#FFFFFF; text-align:center; padding-top:16px; box-shadow: 0 -2px 3px #AD94D2;">copyright©2018dangdang</div>


	</body>

</html>